<%-- 
    Document   : index
    Created on : Oct 6, 2011, 4:53:08 PM
    Author     : david
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

        <link href="site/css/estilo.css" rel="stylesheet" type="text/css" />
        <link href="site/css/nav-l.css" rel="stylesheet" type="text/css" />

        <%--<link href="site/css/menu.css" rel="stylesheet" type="text/css" />--%>
        <%--<link href="site/css/chat.css" rel="stylesheet" type="text/css" />--%>

        <title>n&asymp;Notas</title>
        <%--<link rel="shortcut icon" href="site/images/favicon-a.ico">--%>
        <link rel="shortcut icon" href="site/images/favicon.ico">


    </head>

    <body>
        <div  id="cabecera">
            <div id="cabecera-izq"></div>
            <div id=menuf><!--Esto esta solo para hacer el fondito lindo, el verdadero menu esta bas abajo co nlaetiqueta nav --></div>

            <div id=titulo-cabecera>n&asymp;Notas</div>
            <div id=subtitulo-cabecera>Red Local de Tareas y Comunicacies Laborales</div>
            <div id=datos-cabecera>| David Scarso | Administrador | Neuquén |
                <a href="#">[Perfil]</a>
                <a id="exit" href="index.jsp">[Salir]</a>
            </div>

        </div>

        <!-- MENU-->
        <div id="nav">
            <div id="menu">
                <ul>
                    <li class="level1"><a class="sub" href="pageTest.jsp"><b>Inicio</b></a>
                    </li>

                    <li class="level1"><a class="sub" href="#"><b>Afiliados</b></a>
                        <div class="holder">
                            <div class="leftSide">
                                <%--<%--<div class="rightSide">--%>
                                <table>
                                    <tbody>
                                        <tr>
                                            <td>
                                                <dl>
                                                    <dt>Mantenimiento de datos</dt>
                                                    <dd><a href="#">Nuevo Afiliado Directo</a></dd>
                                                    <dd><a href="#">Nuevo Afiliado Solidario</a></dd>
                                                    <dd><a href="#">Listar Afiliados</a></dd>
                                                    <dd><a href="#">Listar Cargas de Familia</a></dd>

                                                    <%--<dt>Movimientos y Procesos</dt>--%>
                                                    <%--<dd><a href="#">xxx</a></dd>--%>
                                                </dl>
                                            </td>
                                            <td>
                                                <dl>
                                                    <dt>Consulta y Reportes</dt>
                                                    <dd><a href="#">Carnet de Afiliado</a></dd>
                                                    <dd><a href="#">Multiples Carnets</a></dd>
                                                    <dd><a href="#">Padron General Afiliados</a></dd>
                                                    <dd><a href="#">Afiliados por Empresas</a></dd>
                                                    <dd><a href="#">Lista de Afiliados</a></dd>
                                                </dl>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                                <%--</div>rightSide--%>
                            </div><%--leftSide--%>
                        </div>
                    </li>

                    <li class="level1"><a class="sub" href="#"><b>Empresas</b></a>
                        <div class="holder">
                            <div class="leftSide">
                                <%--<div class="rightSide">--%>
                                <table>
                                    <tbody>
                                        <tr>
                                            <td>
                                                <dl>
                                                    <dt>Mantenimiento de datos</dt>
                                                    <dd><a href="#">Nueva Empresa</a></dd>
                                                    <dd><a href="#">Listar Empresas</a></dd>

                                                    <dt>Movimientos y Procesos</dt>
                                                    <dd><a href="#">Cargar Boleta de Aportes</a></dd>
                                                    <dd><a href="#">Listar Boletas de Aportes</a></dd>
                                                    <dd><a href="#">Cargar Listado de Personal (CSV)</a></dd>
                                                    <dd><a href="#">Imprimir Listado (CSV)</a></dd>
                                                </dl>
                                            </td>
                                            <td>
                                                <dl>
                                                    <dt>Consulta y Reportes</dt>
                                                    <dd><a href="#">Empresas por Localidad Detalle</a></dd>
                                                </dl>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                                <%--</div>rightSide--%>
                            </div><%--leftSide--%>
                        </div>
                    </li>

                    <li class="level1"><a class="sub" href="#"><b>Beneficios Acción Social</b></a>
                        <div class="holder">
                            <div class="leftSide">
                                <%--<div class="rightSide">--%>
                                <table>
                                    <tbody>
                                        <tr>
                                            <td>
                                                <dl>
                                                    <dt>Mantenimiento de datos</dt>
                                                    <dd><a href="#">Nuevo Beneficio Social</a></dd>
                                                    <dd><a href="#">Listar Beneficios Sociales</a></dd>
                                                    <dd><a href="#">Nuevo Tipo de Beneficio Social</a></dd>
                                                    <dd><a href="#">Listar Tipos de Beneficios Sociales</a></dd>

                                                    <%--<dt>Movimientos y Procesos</dt>--%>
                                                    <%--<dd><a href="#">xxx</a></dd>--%>
                                                </dl>
                                            </td>
                                            <td>
                                                <dl>
                                                    <dt>Consulta y Reportes</dt>
                                                    <dd><a href="#">Beneficios Sociales</a></dd>
                                                </dl>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                                <%--</div>rightSide--%>
                            </div><%--leftSide--%>
                        </div>
                    </li>

                    <li class="level1"><a class="sub" href="#"><b>Inventario</b></a>
                        <div class="holder">
                            <div class="leftSide">
                                <%--<div class="rightSide">--%>
                                <table>
                                    <tbody>
                                        <tr>
                                            <td>
                                                <dl>
                                                    <dt>Mantenimiento de datos</dt>
                                                    <dd><a href="#">Nuevo Bien de Uso</a></dd>
                                                    <dd><a href="#">Lista de Bienes de Uso</a></dd>
                                                    <dd><a href="#">Locaciones</a></dd>
                                                    <dd><a href="#">Tipos De Bienes</a></dd>

                                                    <%--<dt>Movimientos y Procesos</dt>--%>
                                                    <%--<dd><a href="#">Exportar</a></dd>--%>
                                                </dl>
                                            </td>
                                            <%--<td>--%>
                                            <%--<dl>--%>
                                            <%--<dt>Consulta y Reportes</dt>--%>
                                            <%--<dd><a href="#">Alertas</a></dd>--%>
                                            <%--</dl>--%>
                                            <%--</td>--%>
                                        </tr>
                                    </tbody>
                                </table>
                                <%--</div>rightSide--%>
                            </div><%--leftSide--%>
                        </div>
                    </li>

                    <li class="level1"><a class="sub" href="#"><b>Utilidades</b></a>
                        <div class="holder">
                            <div class="leftSide">
                                <%--<div class="rightSide">--%>
                                <table>
                                    <tbody>
                                        <tr>
                                            <td>
                                                <dl>
                                                    <dt>Contactos</dt>
                                                    <dd><a href="#">Nuevo Contacto</a></dd>
                                                    <dd><a href="#">Lista de Contactos</a></dd>

                                                    <%--<dt>Movimientos y Procesos</dt>--%>
                                                    <%--<dd><a href="#">Exportar</a></dd>--%>
                                                </dl>
                                            </td>
                                            <td>
                                                <dl>
                                                    <dt>Otros</dt>
                                                    <dd><a href="#">Enlaces de Interes</a></dd>
                                                    <dd><a href="#">Descargas</a></dd>
                                                </dl>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                                <%--</div>rightSide--%>
                            </div><%--leftSide--%>
                        </div>
                    </li>

                    <li class="level1"><a class="sub" href="#"><b>Seguridad</b></a>
                        <div class="holder">
                            <div class="leftSide">
                                <%--<div class="rightSide">--%>
                                <table>
                                    <tbody>
                                        <tr>
                                            <td>
                                                <dl>
                                                    <dt>Mantenimiento de datos</dt>
                                                    <dd><a href="#">Nuevo Usuario</a></dd>
                                                    <dd><a href="#">Listar Usuarios</a></dd>
                                                    <dd><a href="#">Nuevo Rol</a></dd>
                                                    <dd><a href="#">Lista de Roles</a></dd>

                                                    <%--<dt>Movimientos y Procesos</dt>--%>
                                                    <%--<dd><a href="#">Exportar</a></dd>--%>
                                                </dl>
                                            </td>
                                            <%--<td>--%>
                                            <%--<dl>--%>
                                            <%--<dt>Consulta y Reportes</dt>--%>
                                            <%--<dd><a href="#">Alertas</a></dd>--%>
                                            <%--</dl>--%>
                                            <%--</td>--%>
                                        </tr>
                                    </tbody>
                                </table>
                                <%--</div>rightSide--%>
                            </div><%--leftSide--%>
                        </div>
                    </li>

                    <li class="level1"><a class="sub" href="#"><b>Configuración</b></a>
                    </li>

                    <%--<li class="level1"><a class="sub" href="signin.jsp"><b>Salir</b></a></li>--%>

                </ul>
            </div>
        </div> <%--nav--%>

        <%--        <div id="quicknav">
                    <div id=datos-quicknav>

                <a href="#">[NewX]</a> <br> <br>
                <a href="#">[NewY]</a> <br> <br>
                <a href="#">[NewZ]</a> <br> <br>
                <a href="#">[ListX]</a> <br> <br>
                <a href="#">[ListY]</a> <br> <br>

            </div>
        </div> quicknav
        --%>

        <div  id="cuerpo">
            <div id="titulo">
                TITULO DE LA PAGINA!!!
            </div>

            <%--<fieldset>--%>
            <fieldset>
                <legend>Algunas Cosas</legend>
                CUERPO    CUERPO    CUERPO    CUERPO    CUERPO    CUERPO    CUERPO    CUERPO <br>
                CUERPO    CUERPO    CUERPO    CUERPO    CUERPO    CUERPO    CUERPO    CUERPO <br>
                CUERPO    CUERPO    CUERPO    CUERPO    CUERPO    CUERPO    CUERPO    CUERPO <br>
                CUERPO    CUERPO    CUERPO    CUERPO    CUERPO    CUERPO    CUERPO    CUERPO <br>
                CUERPO    CUERPO    CUERPO    CUERPO    CUERPO    CUERPO    CUERPO    CUERPO <br>
                CUERPO    CUERPO    CUERPO    CUERPO    CUERPO    CUERPO    CUERPO    CUERPO <br>
                CUERPO    CUERPO    CUERPO    CUERPO    CUERPO    CUERPO    CUERPO    CUERPO <br>
                CUERPO    CUERPO    CUERPO    CUERPO    CUERPO    CUERPO    CUERPO    CUERPO <br>
                CUERPO    CUERPO    CUERPO    CUERPO    CUERPO    CUERPO    CUERPO    CUERPO <br>
                CUERPO    CUERPO    CUERPO    CUERPO    CUERPO    CUERPO    CUERPO    CUERPO <br>
                CUERPO    CUERPO    CUERPO    CUERPO    CUERPO    CUERPO    CUERPO    CUERPO <br>
                CUERPO    CUERPO    CUERPO    CUERPO    CUERPO    CUERPO    CUERPO    CUERPO <br>
            </fieldset>
            <fieldset>
                <legend>Algun formulario</legend>
                <div class="buttons">
                    <input class="button"  type="button" value="page2"  onClick="window.location.href='page2.jsp' ">
                </div>

            </fieldset>
            <fieldset>
                <%--<legend>Mas cosas</legend>--%>
                CUERPO    CUERPO    CUERPO    CUERPO    CUERPO    CUERPO    CUERPO    CUERPO <br>
                CUERPO    CUERPO    CUERPO    CUERPO    CUERPO    CUERPO    CUERPO    CUERPO <br>
                CUERPO    CUERPO    CUERPO    CUERPO    CUERPO    CUERPO    CUERPO    CUERPO <br>
            </fieldset>

            CUERPO    CUERPO    CUERPO    CUERPO    CUERPO    CUERPO    CUERPO    CUERPO <br>
            CUERPO    CUERPO    CUERPO    CUERPO    CUERPO    CUERPO    CUERPO    CUERPO <br>
            CUERPO    CUERPO    CUERPO    CUERPO    CUERPO    CUERPO    CUERPO    CUERPO <br>
            CUERPO    CUERPO    CUERPO    CUERPO    CUERPO    CUERPO    CUERPO    CUERPO <br>
            CUERPO    CUERPO    CUERPO    CUERPO    CUERPO    CUERPO    CUERPO    CUERPO <br>
            CUERPO    CUERPO    CUERPO    CUERPO    CUERPO    CUERPO    CUERPO    CUERPO <br>
            CUERPO    CUERPO    CUERPO    CUERPO    CUERPO    CUERPO    CUERPO    CUERPO <br>
            <%--</fieldset>--%>

        </div> <%--cuerpo--%>

        <div id="pie">
            <%--<hr>--%>
            Powered By Cuack!Fost - Versión 0.1 <br>
            :::David Miguel Scarso:::

        </div> <%--pie--%>

    </body>

    <%--
        <div style="position:fixed;
             top:100px; right:100px;
             display:block;
             height: 100px; width:100px;
             background-color: #333333;
             opacity: 0.9; -moz-opacity: 0.9;
             margin: 0 auto;
             -moz-border-radius:5px 5px 5px 5px;
             -webkit-border-radius:5px 5px 5px 5px;">
            ::Tontendo con estilos::
        </div>
    --%>


</html>
